<template>
	<view class="meeting-container">
		<!-- 列表 -->
		<view class="list">
			<view class="list-item" v-for="item in listData" :key="item.configId" @click="handleDetails(item)">
				<image class="shoping-image" :src="realmName + item.picAddress"
					mode="aspectFill"></image>
				<view class="list-item-container">
					<view class="title">
						<text>{{item.name}}</text>
					</view>
					<view class="tips1">
						<text>{{item.f3 || ""}}</text>
					</view>
					<view class="tips1" v-if="false">
						<text>最多容纳：50人</text>
						<text class="color1"> 
							<!-- <text style="font-size: 24rpx;">￥</text> -->
							<!-- <text style="font-size: 36rpx;">4000</text> -->
						</text>
					</view>
					<view class="list-item-container-right">
						<u-icon name="arrow-right" color="#C1C1C1" size="24"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<!-- <view class="submit">查看全部档期和报价</view> -->
	</view>
</template>

<script>
	import {
		meetingVenueList,
		realmName
	} from "@/http";
	export default {
		data(){
			return {
				realmName,
				listData:[]
			}
		},
		methods:{
			handleDetails(options){
				uni.setStorageSync("nodes",options.content);
				uni.navigateTo({
					url: "/commonPages/richText/index"
				});
			},
			async getList() {
				let res = await meetingVenueList();
				console.log('会议室：',res.data.rows);
				this.listData = res.data.rows;
			},
		}
	}
	
	
</script>

<style lang="scss" scoped>
	.meeting-container {
		background-color: #FFFFFF;
		border-radius: 30rpx;
		.submit{
			width: 100%;
			height: 80rpx;
			background-color: #FD8F19;
			border-radius: 30rpx;
			line-height: 80rpx;
			color: #FFFFFF;
			font-size: 28rpx;
			text-align: center;
		}
		.color1 {
			color: #FD8F19;
		}
		
		.list {
			// padding: 0 24rpx;

			.list-item {
				display: flex;
				font-size: 24rpx;
				padding: 24rpx 0;

				&+.list-item {
					border-top: 1px solid #EEEEEE;
				}

				.list-item-container {
					flex: 1;
					position: relative;
					.list-item-container-right{
						position: absolute;
						top: 50%;
						right: -14rpx;
						transform: translate(0,-50%);
					}
					.title {
						color: #1F1F1F;
						font-size: 32rpx;
						font-weight: bold;
						display: flex;
						justify-content: space-between;
					}

					.tips1 {
						margin: 12rpx 0;
						color: #5A5A5A;
						display: flex;
						justify-content: space-between;
						align-items: center;
					}

					.tips3 {
						position: relative;
						margin-top: 32rpx;
						font-size: 36rpx;
						display: flex;
						align-items: center;
						justify-content: space-between;

						.through {
							color: #C1C1C1;
							font-size: 12rpx;
							text-decoration: line-through;
							margin-left: 12rpx;
						}

						.submit {
							width: 100rpx;
							height: 50rpx;
							background: #FD8F19;
							border-radius: 30rpx;
							line-height: 50rpx;
							text-align: center;
							font-size: 24rpx;
							color: #FFFFFF;
						}

						.disabled {
							background-color: #C1C1C1;
						}
					}
				}

				.shoping-image {
					height: 134rpx;
					min-width: 134rpx;
					max-width: 134rpx;
					border-radius: 30rpx;
					margin-right: 24rpx;
				}

			}
		}

	}
</style>
